<!DOCTYPE html>
<html>
<head>
 
	<#include "/common/freemarker/include_css.ftl">

    <title>ECharts</title>

</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 600px;height:400px;"></div>
    
    <#include "/common/freemarker/include_js.ftl">
    <!-- 引入 echarts.js -->
    <script src="<@context/>common/echart-3/echarts.common.min.js"></script>
    
    <script type="text/javascript">
        function loadChartData(){
            var data={};
         	$.ajax({
				type: "GET",
				url: "<@context/>ued/chart/getDemoData.do",
				data: data,
				dataType:"json",
				cache: false,         		
         		success:function(jsonData){
         		 
	         		if (jsonData.status=="success"){
						var chartData=jsonData.data;
						
						 // 基于准备好的dom，初始化echarts实例
				        var myChart = echarts.init(document.getElementById('main'));
				
				        // 指定图表的配置项和数据
				        var option = {
				            title: {
				                text: '  ECharts入门示例'
				            },
				            tooltip: {},
				            legend: {
				                data:['销量']
				            },
				            xAxis: {
				                data: chartData.xData, //["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
				            },
				            yAxis:  {},
				            series:  [{
				                name: '销量',
				                type: 'bar',
				                data: chartData.seriesData 
				            }]
				           
				        };
				        // 使用刚指定的配置项和数据显示图表。
				        myChart.setOption(option);
	        
					}else{
						alert(jsonData.message);
					}
					 
         		}
         	});
        }
        
        window.onload=function(){
     		 loadChartData();
     	}
    </script>
</body>
</html>